<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="vue.js" type="text/javascript" charset="utf-8"></script>
    <!-- 引入强大的网络请求库  axios -->
     
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <style>
       
    </style>
</head>
<body>
    <div id="app">
       <input type="button" value="get请求" class="get">
       <input type="button" value="post请求" class="post">
    </div>
    <script> 
    document.querySelector(".get").onclick = function (){
        axios.get("https://autumnfish.cn/api/joke/list?num=3")
        .then(function(response){
            console.log(response);
        })
    }
    //axios必须先导入在使用
    // get post 发送对应的请求
    // then 方法中的回调函数会在请求成功或失败时触发
    // 通过回调函数的形参可以获取响应内容 或错误信息
    </script>
</body>
</html>